<!DOCTYPE html>
<html lang="ch">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<script>
		var html = document.getElementsByTagName('html')[0];
		html.style.fontSize = html.clientWidth / 3.75 + "px";
	</script>
	<title>大宗求购</title>
	<link rel="stylesheet" href="../static/css/Reset.css">
	<link rel="stylesheet" href="../static/css/buy_list.css" />
</head>
<body>
	<div id="buyList" class="wz_wrapper" v-scroll="getMore">
		<div class="wz_top">
			<div class="wz_variety" id="selectClass" @click="getClass" type="4">
				<i id="className">分类</i>
				<img class="wz_arrow" src="../static/images/downArrow2.png" alt="">
				<span class="wz_topCut"></span>
				<input type="hidden" name="oneClass" id="oneClassId" value="" data-oneClass-name="" >                     
    			<input type="hidden" name="twoClass" id="twoClassId" value="" data-twoClass-name="" >
			</div>
			<div class="wz_area" id="selectProvince" @click="getProvince" type="3">
				<i id="cityName2">地区</i>
				<img class="wz_arrow" src="../static/images/downArrow2.png" alt="">
				<input type="hidden" name="provinceId" id="provinceId" value="">
			</div>
		</div>
		<ul class="supplyList" v-cloak>
			<li v-for="buy in buyList">
        		<a :href="'buy_detail.html?id=' + buy.id">
        			<div class="fabu">
        				<div class="fabu_ren">发布人：{{buy.buyerName}}</div>
        				<div class="fabu_riqi">发布：{{buy.publishTime}}</div>
        			</div>
			        <div class="left_pic">
			        	<img :src="buy.headPic" onerror="javascript:this.src=''" />
			        </div>
			        <div class="right_text">
			            <p class="goodsInfo">{{buy.tbTitle}}</p>
			            <div class="supplyGoods">
			                <span class="total">采购量：{{buy.buyingNum}}斤</span>
			            </div>
			            <div class="supplyGoods">
			            	<span class="location">								
								<img src="../static/images/location.png" alt="">
								<i>{{buy.buyerArea}}</i>
							</span>
			            	<span class="price"><i>¥{{buy.perPrice}}</i>元/斤</span>
			            </div>
			        </div>
		        </a>
			</li>
			<!--暂无相关信息-->
			<div v-if="noData" class="NoFllow">
				<img src="../static/images/zwxx.png" alt="">
				<div class="nofllowText">暂无相关信息！</div>
			</div>
		</ul>
		<!--loading组件-->
		<loading v-show="showLoading"></loading>
		<!--选择地区弹层-->
		<div class="selectProvince"></div>
		<!--选择分类弹层-->
		<div class="selectClass"></div>
	</div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=1BiZDIdoRV9iryDNcdF4oU37pqwftOin&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/iosSelect.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/commons.js"></script>
<script type="text/javascript" src="./js/buy_list.js"></script>
</html>